<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" type="text/css" href="css/font.css" />
		<link rel="stylesheet" href="css/single.css">
		<link rel="stylesheet" href="font/iconfont.css">
	</head>
	<body>
		<!--顶部 -->
		<div class="top">
			<div class="container">
				<div class="top_list">
					<a href="index.html" target="_blank">FS</a>
					<span>|</span>
					<a href="FAUI.html" target="_blank">FSUI</a>
					<span>|</span>
					<a href="Forum.html" target="_blank">论坛</a>
					<span>|</span>
					<a href="#">金融</a>
					<span>|</span>
					<a href="#">聊聊</a>
					<span>|</span>
					<a href="#">FS有品</a>
					<span>|</span>
					<a href="#">政企服务</a>
					<span>|</span>
					<a href="#">下载app</a>
					<span>|</span>
					<a href="#">资质证照</a>
					<span>|</span>
					<a href="#">问题反馈</a>
					<span>|</span>
					<a href="#"> Select Region</a>
					<span>|</span>
				</div>
				<div class="shop">

					<a href="shoppingCart.html" target="_blank">
						<i class="iconfont" style="font-size: 14px;">&#xe60c;</i>
						购物车(0)
					</a>
				</div>
				<div class="login">
					<a href="Login.html" target="_blank">登录</a>
					<spam>|</spam>
					<a href="Login.html" target="_blank">注册</a>
					<span>|</span>
					<a href="#">个人中心</a>
					<span>|</span>
				</div>
			</div>
		</div>
		<div class="header">
			<div class="container">
				<div class="header-logo">
					<a href="#">
						<img src="img/logo.jpg" alt="">
					</a>
				</div>
				<div class="header-li">
					<ul>

						<li class="header-category menu-buttom" switch="zhuda">
							<a href="">FS主打</a>
						</li>
						<li><a href="#" class="menu-buttom" switch="shouji">手机</a></li>
						<li><a href="#" class="menu-buttom" switch="dianqi">电器</a></li>
						<li><a href="#" class="menu-buttom" switch="shuma">数码</a></li>
						<li><a href="#" class="menu-buttom" switch="peijian">配件</a></li>
						<li><a href="#" class="menu-buttom" switch="pinban">平板</a></li>
						<li><a href="#" class="menu-buttom" switch="bijiben">笔记本</a></li>
						<li><a href="#" class="menu-buttom" switch="luyouqi">路由器</a></li>
					</ul>

				</div>

				<div class="header-search">
					<form action="">
						<input type="text" name="srarch-ar" class="srarch-ar" id="srarch-ar" />

						<input type="submit" class="srarch-btn iconfont" value="&#xe6d1;" style="font-size: 22px;" autocomplete="off" />
						<div class="search-txt">
							<a href="">FS盒子</a>
							<a href="">FS15</a>
						</div>
				</div>
			</div>

		</div>
		<div class="underline"></div>
		<div class="single-main">
			<div class="nav-bar-con">
				<div class="nav-con">
					<h1 class="nav-title">
						<span>
							<font style="vertical-align: inherit;">
								FS10s 全面屏设计，双模5G
							</font>
						</span>
					</h1>
					<ul class="nav-title-r">
						<li class="toumin">概述</li>
						<li>规格</li>
						<li>售后服务</li>
						<li>F码通道</li>
						<li class="goumai"><a href="" class="goumai-logo">立即购买</a></li>
					</ul>
				</div>
			</div>
			<div class="picture">
				<div id="demo">
					<div id="small-box">
						<div id="mark" style="vertical-align: middle;"></div>
						<div id="float-box"></div>
						<img src="img/pms_1575882053.33827103.jpg" style="width: 450px; height: 450px;v" />
					</div>
					<div id="big-box">
						<img src="img/pms_1575882053.33827103.jpg" style="width: 800px;height: 800px;" />
					</div>
				</div>
				<div class="product__article">
					<h1 class="product__title">
						<span class="title">
							FS10s 全面屏设计，双模5G
						</span>
					</h1>
					<div class="heise">
						<div style="font-size: 20px;line-height: 24px;color: #757575;">夏之密语</div>
						<div class="heise-price">4999元</div>
					</div>
					<div class="section">
						<h2 class="section-title">选择版本</h2>
						<div class="section-hz">
							12+512G
						</div>
					</div>
					<div class="shulian">
						<h2 class="section-title" style="margin-top: 40px;">数量</h2>
						<a href="" class="symbol-x jian"><i class="iconfont">&#xe634;</i></a>
						<input class="shuliang" type="" value="1" step="1" min="1">
						<a href="" class="symbol-x add"><i class="iconfont">&#xe715;</i></a>
					</div>
				</div>

			</div>
			<div class="photo-cs">
				<div class="video-hd">
					<span class="video-font"></span>
					<h2 class="video-title">Summary</h2>
					<span class="video-font"></span>
				</div>
			</div>
			<div style="height: 100%;">
				<img src="img/5g1.png" alt="" style="width: 1519.2px;">
				<img src="img/5g02.png" alt="" style="width: 1519.2px; margin-top: -4px;">
				<img src="img/5g03.png" alt="" style="width: 1519.2px; margin-top: -4px;">
			</div>
			<div class="footer">
				<div style="width: 1226px; margin: 0 auto;">
					<div class="footer-hd">
						<span class="footer-font"></span>
						<div class="footer-biaoti">
							<a href=""><i class="iconfont" style="font-size: 24px;">&#xe629;</i>预约维修</a>
							<span></span>
							<a href=""><i class="iconfont" style="font-size: 24px;">&#xe60e;</i>七天无理由退货</a>
							<span></span>
							<a href=""><i class="iconfont" style="font-size: 24px;">&#xe66e;</i>15天免费换货</a>
							<span></span>
							<a href=""><i class="iconfont" style="font-size: 24px;">&#xe6c9;</i>满100包邮</a>
						</div>
						<span class="footer-font"></span>
					</div>
				</div>
				<div class="footer-bd">
					<div class="bd-nav">
						<div class="row">
							<dl class="row3" style="width: 234px;">
								<dt>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">了解更多
										</font>
									</font>
								</dt>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											账号信息
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											订单操作
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit; font-size: 14px;">
											售后处理
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											相关下载
										</font>
									</font>
								</dd>
							</dl>
							<dl class="row4" style="width: 190px;">
								<dt>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">支持
										</font>
									</font>
								</dt>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											联系我们
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											保证
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit; font-size: 14px;">
											自助服务
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											礼物码
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											防卫查询
										</font>
									</font>
								</dd>
							</dl>
							<dl class="row4" style="width: 190px;">
								<dt>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">关于我们
										</font>
									</font>
								</dt>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											FS简介
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											新闻媒体
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit; font-size: 14px;">
											用户协议
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											隐私政策
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											诚信合规
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											FS公众号
										</font>
									</font>

								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											投资者关系
										</font>
									</font>
								</dd>
							</dl>
							<dl class="row4" style="width: 190px;">
								<dt>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">跟随FS
										</font>
									</font>
								</dt>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											推特
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											微博
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit; font-size: 14px;">
											博客
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											腾讯
										</font>
									</font>
								</dd>
								<dd>
									<font style="vertical-align: inherit;">
										<font style="vertical-align: inherit;">
											优酷
										</font>
									</font>
								</dd>
							</dl>
						</div>
					</div>
				</div>
				<div class="footer-buttom">
					<div class="container" style="border-top: 1px solid #424242;">
						<div class="fb-he">
							<font style="vertical-align: inherit;">
								<font style="vertical-align: inherit;">
									版权所有© 2020-20XX&nbsp;1940811204-林伟冰。
								</font>
							</font>
						</div>
					</div>
				</div>
			</div>
			<script src="js/jquery-3.2.1.js"></script>
			<script type="text/javascript" src="js/single.js"></script>
	</body>
</html>
